<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>编辑商品</title>
    <style>
        body {
            background: linear-gradient(to right, #fee0a2, #f98d92, #ce65af, #8e51d3);
        }

        label {
            display: block;
            margin-bottom: 10px;
        }

        input[type="text"], input[type="password"] {
            width: 200px;
            padding: 5px;
            font-size: 14px;
        }

        button {
            padding: 5px 10px;
            background-color: #0090ff;
            color: white;
            border: none;
            cursor: pointer;
        }

        button:hover {
            background-color: #0056a7;
        }
    </style>
</head>
<body>
<h1>编辑商品</h1>

<form action="editProduct" method="POST">
    <table style="margin: 10px;border-collapse: collapse; border: none">
        <tr>
            <td>商品ID:</td>
            <td>
                <input type="text" id="id" name="id" style="display: none" value="${param.id}">
                <input type="text" id="id2" name="id2" placeholder="ID由系统自动分配 此项无法修改" readonly>
            </td>
        </tr>
        <tr>
            <td>商品名称:</td>
            <td>
                <input type="text" id="productName" name="productName"
                       placeholder="${param.productName != null ? param.productName : '商品名称:'}">
            </td>
        </tr>
        <tr>
            <td>价格:</td>
            <td>
                <input type="text" id="productPrice" name="productPrice"
                       placeholder="${param.productPrice != null ? param.productPrice : '价格:'}">
            </td>
        </tr>
        <tr>
            <td>标签:</td>
            <td>
                <input type="text" id="productTag" name="productTag"
                       placeholder="${param.productTag != null ? param.productTag : '标签:'}">
            </td>
        </tr><tr>
        <td>详情:</td>
        <td>
            <input type="text" id="productDetail" name="productDetail"
                   placeholder="${param.productDetail != null ? param.productDetail : '标签:'}">
        </td>
    </tr><tr>
        <td>图片URL:</td>
        <td>
            <input type="text" id="purl" name="purl"
                   placeholder="${param.purl != null ? param.purl : '标签:'}">
        </td>
    </tr>
        <tr>
            <td colspan="2" style="border:none;text-align: center">
                <div style="display: flex;justify-content: center;gap: 50px">
                    <button type="submit"><b>保存</b></button>
                    <button type="reset"><b>清空</b></button>
                </div>
            </td>
        </tr>
    </table>
</form>
</body>
</html>